<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
	<!-- 阻止浏览器缓存页面内容 -->
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=8">
	<meta http-equiv="Expires" content="0">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-control" content="no-cache">
	<meta http-equiv="Cache" content="no-cache">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
	<title>我的</title>
	<link rel="stylesheet" href="/stylesheets/root.css">
	<link rel="stylesheet" href="/stylesheets/main_bottom_line.css">
	<link rel="stylesheet" href="/stylesheets_copy/my.css">
</head>
<body>
	<div class="window-box">
		<div id="my_means">
			<div id="my_means_up">
				<div id="head"></div>
				<div id="means">
					<div id="name">
						<div class="name-box">
							<P>用户昵称</P>
						</div>
						<a href="set_up.html">
							<img class="img01" src="/images/my/shezhi.png" alt="" />
						</a>
					</div>
					<div id="my_sign">
						<img class="img02" src="/images/my/xingbie_1.png" alt="" />
						<p> &nbsp&nbsp这个人很懒，什么也没留下....</p>
					</div>
				</div>
			</div>
			<div id="my_means_under">
				<div class="data">
					<p>关注</p>
					<p>6</p>
				</div>
				<div class="data">
					<p>粉丝</p>
					<p>20</p>
				</div>
				<div class="data">
					<p>获赞</p>
					<p>82</p>
				</div>
			</div>
			<div id="option">
				<div class="options">
					<a href="/webpage_copy/my/my-updates.html">
						<span style="border: none;">动态</span> </a>
				</div>
				<div class="options">
					<span>赞过</span>
				</div>
			</div>
			<div id="my-updates-none">
				<img src="/images/my/nothing2.png" alt="" />
				<span>您好像没有赞过的内容哦...</span>
			</div>
		</div>
		<!-- 底部导航栏 -->
		<div class="bottom-line">
			<div class="bottom-line-box">
				<div class="page-main-page" data-jumpUrl="/main.html">
					<img src="/images/main/shouye.png" alt="">
					<p class="button_text">首页</p>
				</div>
				<div class="page-activity-page" data-jumpUrl="/webpage_copy/activity.html">
					<img src="/images/main/huodong.png" alt="">
					<p class="button_text">活动</p>
				</div>
				<div class="add-btn" data-jumpUrl="/forum/forum-edit.html">
					<img src="/images/main/jiahao.png" alt="">
				</div>
				<div class="page-message-page" data-jumpUrl="/webpage_copy/massage/list_massage.html">
					<img src="/images/main/xinxi.png" alt="">
					<p class="button_text">消息</p>
				</div>
				<div class="page-self-page" data-jumpUrl="">
					<img src="/images/main/wode.png" alt="">
					<p class="button_text">我的</p>
				</div>
			</div>
		</div>
	</div>
	<script>
		// 本脚本的功能是使底部导航栏点击跳转链接可以生效
		const box = document.querySelector('.bottom-line-box');
		for (let i = 0; i < box.children.length; i++) {
			let tmp = box.children[i];
			console.log(tmp.dataset.jumpurl);
			if (tmp.dataset.jumpurl != "") {
				let jmp_a = document.createElement('a');
				jmp_a.href = tmp.dataset.jumpurl;
				tmp.addEventListener('click', () => {
					console.log(jmp_a);
					jmp_a.click();
				});
			}
		}
	</script>
	</div>
</body>
</html>
